<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>安平县居民核酸检测信息系统</title>
  	<script src="./jquery/jquery.min.js"></script>
    <script src="https://res.wx.qq.com/open/js/jweixin-1.6.0.js"></script>
  	<style>
      	.content{width:100%; display: flex; flex-direction: column;}
      	a{text-align:center;}
		img{width: 180px; margin: 0 auto;margin-top:70px}
      .footer{
      	text-align: center;
		font-size: 12px;
		color: #666666;
		position: fixed;
		bottom: 0;
		width: 100%;
      }
	</style>
</head>

<body>
    <div class="content">
    	<img src="./images/icon1.png" alt="" id="scanQRCode">
      	<img src="./images/icon2.png" alt="" onclick="goLink('http://user.city1000.cn:9999/weixin/wechat/h5/redirectSomeWhere?url=http://hesuan.city1000.cn/input_code.html')">
  	</div>
  	<div class="footer">
		<p>安平县新冠肺炎疫情防控工作指挥部</p>
		<p>技术支持:智慧安平</p>
	</div>
  	<script>
      	$.ajax({
            type: "get",
            url: "http://user.city1000.top/wechat/wxScan", //自己填写请求地址
            data: {
                url: window.location.href
            },
            success: function (result) {
                console.log(result)
                wx.config({
                    // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
                    debug: false,
                    // 必填，公众号的唯一标识
                    appId: result.appId,
                    // 必填，生成签名的时间戳
                    timestamp: "" + result.timestamp,
                    // 必填，生成签名的随机串timestamp
                    nonceStr: result.nonceStr,
                    // 必填，签名，见附录1
                    signature: result.signature,
                    // 必填，需要使用的JS接口列表，所有JS接口列表见附录2
                    jsApiList: ['checkJsApi', 'scanQRCode']
                });
                wx.error(function (res) {
                    //alert("出错了：" + res.errMsg); //这个地方的好处就是wx.config配置错误，会弹出窗口哪里错误，然后根据微信文档查询即可。
                });
                wx.checkJsApi({
                    jsApiList: ['scanQRCode'],
                    success: function (res) {
                        //alert('是否支持'+res.checkResult.scanQRCode)
                    }
                });
                //alert("result" + result)
                //点击按钮扫描二维码
                $("#scanQRCode").click(function () {
                    //alert('开始扫码')
                    wx.scanQRCode({
                            needResult: 1, // 默认为0，扫描结果由微信处理，1则直接返回扫描结果，
                            //scanType: ["qrCode"], // 可以指定扫二维码还是一维码，默认二者都有
                            success: function (res) {
                                //alert("扫描结果" + res)
                                var result = res.resultStr; // 当needResult 为 1 时，扫码返回的结果
                                // // 扫描二维码后进入选择页面
                                window.location.href="http://user.city1000.cn:9999/weixin/wechat/h5/redirectSomeWhere?url="
         +"http://hesuan.city1000.cn/testing/testing.html&data="+result //因为我这边是扫描后有个链接，然后跳转到该页面
                                // alert(">>" + result);
                            }
                        });
                });
            }
        })
    	function goLink(url){
        	window.location.href = url;
        }
    </script>
</body>

</html>